@charset "utf-8";

@font-face {
    font-family: yourwebfontname;
    src: url(../fonts/yourwebfontname.eot);
    src: url(../fonts/yourwebfontname.eot?#iefix) format('embedded-opentype'),
        url(../fonts/yourwebfontname.woff) format('woff'),
        url(../fonts/yourwebfontname.TTF) format('truetype'),
        url(../fonts/yourwebfontname.svg#f) format('svg')
}

.content {
    width: 100%;
    margin: 0 auto
}

.clink a {
    display: block;
}

.clink img {
    width: 100%;
}

.row {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    overflow: hidden;
}

.lf {
    float: left
}

.rt {
    float: right
}

.mode01 {
    overflow: hidden;
    position: relative
}

.mode01 .lf {
    width: 640px
}

.mode01 .rt {
    width: 525px
}

.mode001 .lf {
    width: 590px
}

.mode001 .rt {
    width: 590px
}

.Banner {
    width: 640px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    left: -675px;
    top: 0;
    opacity: 0;
}

.active .Banner {
    opacity: 1;
}

.Banner .flex-control-nav {
    width: auto;
    text-align: right;
    right: 20px;
    bottom: 23px;
    left: auto
}

.Banner .flex-control-paging li a {
    text-indent: 9999px;
    padding: 0;
    border-bottom: none
}

.till_slides {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, .65);
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    width: 100%
}

.Banner .slides li a {
    position: relative;
    display: block
}

.till_slides strong {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    padding-left: 20px
}

.Banner .flex-control-paging li a {
    width: 8px;
    height: 8px;
    line-height: 8px;
    margin: 0
}

.Banner .flex-control-paging li {
    margin: 0 4px;
    padding: 0;
    width: auto
}

.Banner .flex-control-paging li a {
    background: #6e6e6e
}

.Banner .flex-control-paging li a.flex-active, .Banner .flex-control-paging li a:hover {
    background: #199352
}

.Banner .slides li a:hover .till_slides strong {
    text-decoration: underline
}


.sevice_title {
    padding: 8px 0 8px 34px;
    background: url(../images/title_03.png) no-repeat left center;
    border-bottom: 1px solid #ddd
}

.tabArticleList01 {
    width: 100%;
    position: relative
}

.tabArticleList01:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ddd;
    left: 0;
    top: 41px;
    z-index: 0
}

.tabMenu01 {
    width: auto;
    position: relative;
    border-bottom: 1px solid #eee;
    font-size: 0
}

.tabMenu01>li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 83px;
    padding-right: 45px;
    vertical-align: top;
    font-size: 14px
}

.tabMenu01>li>a {
    display: block;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    line-height: 1.5;
    transition: all .3s ease-in-out;
    padding: 5px 0;
    border-bottom: 2px solid transparent
}

.tabMenu01>li>a>span:after {
    content: '';
    clear: both;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    margin-left: -25px;
    height: 4px;
    background: #199352;
    transition: all .3s ease-in-out
}

.tabMenu01>li.active>a, .tabMenu01>li>a:hover {
    font-weight: 700;
    text-decoration: none;
    color: #333;
    *color: #199352;
    border-bottom: 2px solid #199352
}

.tabMenu01>li:last-child {
    margin-right: 0
}

.tabMenu01>li.active>a:after, .tabMenu01>li>a:hover:after {
    width: 50px
}

.tabMenu01 dl {
    position: absolute;
    top: auto;
    left: 0;
    padding-top: 12px;
    width: 525px;
    border-bottom: 1px solid #eee;
    background: #fff;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
    *top: 0
}

.tabMenu01 dl.subTabInfo002 {
    width: 550px
}

.tabMenu01 dl.subTabInfo0002 {
    width: 640px
}

.tabMenu01>li.active dl {
    position: relative;
    opacity: 1;
    filter: alpha(opacity=100)
}

.tabMenu01 dl dd {
    margin-bottom: 10px;
    line-height: 1.5;
    overflow: hidden
}

.tabMenu01 dl dd span {
    float: right;
    font-size: 12px;
    color: #999;
    margin: 6px 0 0 10px
}

.tabMenu01 dl dd a {
    font-size: 16px;
    display: block;
    padding-left: 10px;
    position: relative;
    overflow: hidden;
    padding: 3px 0 3px 10px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tabMenu01 dl dd a:before {
    content: '';
    clear: both;
    position: absolute;
    left: 0;
    top: 15px;
    width: 4px;
    height: 4px;
    background: #d1d1d1;
    border-radius: 50%
}

.tabMenu01>li.active dl {
    z-index: 100 !important
}

.subTabInfo03 {
    margin-left: -170px
}

.mode02 {
    height: auto;
    overflow: hidden
}

.mode02 .lf {
    width: 640px;
    min-height: 214px
}

.mode02 .rt {
    width: 525px
}

.tabArticleList02 {
    width: 100%;
    position: relative
}

.tabArticleList02:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ddd;
    left: 0;
    top: 42px;
    z-index: 999
}

.tabMenu02 li>a {
    font-size: 18px;
    text-align: center
}

.tabMenu02 li {
    padding-right: 17px
}

.tabMenu02 {
    padding-left: 170px;
    padding-top: 0
}

.articleTitle {
    position: absolute;
    top: 5px;
    left: 0
}

.articleTitle h2 {
    font-size: 24px;
    color: #199352;
    padding-left: 30px;
    width: 126px
}

.articleTitle h2 a {
    color: #199352
}

.articleTitle .title01 {
    background: url(../images/title01.png) no-repeat center left
}

.articleTitle .title02 {
    background: url(../images/yw_title_03.png) no-repeat center left
}

.articleTitle02 {
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    overflow: hidden
}

.articleTitle02 h2 {
    font-size: 24px;
    color: #199352;
    padding-left: 30px
}

.articleTitle02 .title02 {
    background: url(../images/title02.png) no-repeat center left
}

#tab02 .tabMenu01 .subTabInfo02 {
    margin-left: -170px
}

.imgResponsive02 {
    width: 100%;
    overflow: hidden;
    height: 0;
    display: block;
    padding-bottom: 100px;
    background: #fff;
    position: relative
}

/* #tab01 .subTabInfo02{margin-left:-128px !important} */
.topicImgBox {
    overflow: hidden;
    margin-top: 20px;
    height: 100px
}

.topicImgBox .left {
    float: left;
    width: 255px
}

.topicImgBox .right {
    float: right;
    width: 255px
}

.topicFlexslider .flex-direction-nav a {
    width: 25px;
    height: 50px;
    margin-top: -25px;
    opacity: .6;
    *margin-top: -40px;
    filter: alpha(opacity=60);
    transition: all .5s ease-in-out
}

.topicFlexslider .flex-direction-nav .flex-prev {
    background: url(../images/lf.png) no-repeat center center
}

.topicFlexslider .flex-direction-nav .flex-next {
    background: url(../images/rt.png) no-repeat center center
}

.topicFlexslider .flex-direction-nav a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.topicList li {
    margin-top: 12px
}

.topicList li a {
    font-size: 16px;
    display: block;
    padding-left: 10px;
    position: relative;
    line-height: 1.5;
    overflow: hidden;
    padding: 3px 0
}

.topicList li a:before {
    content: '';
    clear: both;
    position: absolute;
    left: 0;
    top: 15px;
    width: 4px;
    height: 4px;
    background: #d1d1d1;
    border-radius: 50%
}

.wrap_mode03 {
    overflow: hidden;
    width: 100%;
    background: #fafafa;
    margin: 30px auto 0;
    height: auto
}

.tabArticleList03 {
    width: 100%;
    position: relative
}

.tabArticleList03:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ddd;
    left: 0;
    top: 41px;
    z-index: 0
}

.tabMenu03 {
    width: auto;
    position: relative
}

.tabMenu03 li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: auto;
    margin-right: 20px;
    vertical-align: top;
    position: relative
}

.jgcx {
    display: inline-block;
    position: absolute;
    left: 338px;
    top: 0
}

.jgcx a, .tabMenu03 li>a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    line-height: 1.5;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #fafafa;
    padding: 5px 20px 7px;
    border-radius: 20px;
    transition: all .5s ease-in-out
}

.jgcx a:hover, .tabMenu03 li.active>a, .tabMenu03 li>a:hover {
    color: #fff;
    background: #199352;
    border-color: #199352;
    text-decoration: none
}

.tabMenu03 li:last-child {
    margin-right: 0
}

.tabMenu03 dl {
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 12px;
    width: 100%;
    background: #fafafa;
    overflow: hidden;
    z-index: -1;
    width: 1200px;
    filter: alpha(opacity=0)
}

.tabMenu03 dl.on {
    position: relative;
    opacity: 1;
    filter: alpha(opacity=100);
    *top: 0
}

.tabMenu03 li.active dl {
    z-index: 99
}

.tabMenu03 li {
    width: 110px
}

.tabMenu03 li:first-child {
    width: 186px
}

.tabMenu03 dl.current {
    margin-left: -206px
}

.nameBox {
    width: 267px;
    float: left;
    margin-right: 30px;
    overflow: hidden
}

.IDBox {
    width: 323px;
    float: left;
    margin-right: 30px;
    overflow: hidden
}

.codeBox {
    width: 347px;
    float: left;
    overflow: hidden
}

.submitBox {
    width: 185px;
    float: right
}

.tabFromBox .f_title {
    display: block;
    font-size: 16px;
    font-style: normal;
    margin-bottom: 9px
}

.tabFromBox .form-text {
    border: none;
    background: #ededed;
    padding: 8px 0 8px 20px;
    font-size: 18px;
    padding-right: 10px;
    color: #666;
    border-radius: 5px;
    line-height: 1.5;
    *padding: 8px 0 8px 20px;
    min-height: 20px
}

.nameBox .form-text {
    width: 230px
}

.IDBox .form-text {
    width: 290px
}

.codeBox .form-text {
    width: 192px;
    float: left
}

.codeBox .codeImg {
    float: right;
    width: 100px
}

.codeBox .codeImg img {
    width: 100px;
    height: 35px
        /*! padding-top: 5px; */
}

.codeBox .codeImg:hover img {
    transform: scale(1);
    opacity: 1
}

.submitBox .form-submit {
    width: 100%;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #199352;
    border-radius: 5px;
    margin-top: 27px;
    font-size: 18px;
    transition: all .3s ease-in-out;
    padding: 8px 0
}

.submitBox .form-submit:hover {
    background-color: #037039
}

.keyBox {
    width: 455px;
    float: left;
    margin-right: 47px;
    overflow: hidden
}

.keyBox .form-text {
    width: 422px
}

.timeBox {
    width: 465px;
    float: left
}

.timeBox .form-text {
    width: 180px;
    margin-left: 5px
}

.organFormBox {
    float: left;
    width: 456px;
    float: left;
    margin-right: 47px
}

.organFormBox select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 456px;
    border: none;
    background: url(../images/select_bg1.jpg) no-repeat scroll right #ededed;
    height: 30px;
    padding-left: 20px;
    font-size: 12px;
    padding-right: 10px;
    color: #666;
    border-radius: 5px;
    line-height: 30px
}

.link {
    width: 1200px;
    margin: 30px auto 25px;
    overflow: hidden
}

.link ul {
    margin: 0 -5px
}

.link ul li {
    float: left;
    margin: 0 5px
}

.sevice {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0
}

.wrap_sevice {
    background: #fafafa;
    margin-top: 30px
}

.s_title {
    padding: 5px 0 0 0;
    border-bottom: 1px solid #ddd
}

.s_title h2 {
    height: 44px;
    line-height: 44px;
    padding: 0 0 0 30px;
    background: url(../images/ser_title_03.png) no-repeat left center
}

.s_title h2 a {
    height: 44px;
    line-height: 44px;
    display: block
}

.s_title h2 svg {
    height: 44px;
    line-height: 44px
}

.sevice ul {
    /*! margin: 28px 0 0px 0; */
    /*! padding: 15px 0; */
}

.sevice ul::after {
    display: block;
    clear: both;
    overflow: hidden;
    content: ''
}

.sevice ul li {
    float: left;
    padding: 15px 0;
    width: 30.5%
}

.sevice ul li:last-child {
    width: 8%
}

.s-list1 li {
    width: 160px
}

.s-list2 li {
    width: 133px
}

.sevice ul li>a {
    display: block;
    transition: all .3s ease-out
}

.sevice ul li p {
    margin-left: 50px;
    font-size: 18px;
    height: 48px;
    line-height: 48px
        /*! text-align: center; */
}

.sevice ul li p span {
    display: inline-block;
    vertical-align: middle
}

.sevice ul li>a:hover {
    transform: translateX(6px)
}

.sevice ul li a>span {
    width: 48px;
    height: 48px;
    position: relative;
    float: left
}

.sevice ul li a>span img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.sevice ul li.li12, .sevice ul li.li6 {
    margin-right: 0
}

.contect_special {
    width: 1200px;
    margin: 35px auto 20px;
    overflow: hidden
}

.c_title {
    padding: 5px 0 0 0;
    border-bottom: 1px solid #ddd
}

.c_title h2 {
    height: 44px;
    line-height: 44px;
    padding: 0 0 0 30px;
    background: url(../images/title2_03.png) no-repeat left center
}

.c_title h2 a {
    height: 44px;
    line-height: 44px;
    display: block
}

.c_title h2 svg {
    height: 44px;
    line-height: 44px
}

.sevice ul li.li1 p span {
    /*! display: inline-block; */
    /*! line-height: 24px; */
}

.contect .tabArticleList02:before {
    top: 38px;
    z-index: 150
}

.contect {
    width: 640px;
    float: left
}

.contect .tabMenu01 li {
    width: 97px
}

.special {
    width: 522px;
    float: right;
    background-color: #fafafa;
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 16px;
    margin-top: 20px
}

.sp_title {
    padding: 5px 0 0 0;
    border-bottom: 1px solid #ddd
}

.sp_title h2 {
    height: 44px;
    line-height: 44px;
    padding: 0 0 0 30px;
    background: url(../images/title3_03.png) no-repeat left center
}

.sp_title h2 a {
    height: 44px;
    line-height: 44px;
    display: block
}

.sp_title h2 svg {
    height: 44px;
    line-height: 44px
}

.erweima_elink {
    overflow: hidden;
    margin: 0 auto 40px;
    width: 1200px
}

.erweima {
    overflow: hidden;
    margin-bottom: 15px
}

.erweima ul {
    overflow: hidden
}

.erweima ul li.li1 {
    width: 156px
}

.erweima ul li {
    float: left;
    text-align: center;
    width: 110px;
    transition: all .35 ease-out
}

.erweima ul li i {
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto 5px;
    position: relative;
    background-color: #289f61;
    border-radius: 50%
}

.erweima ul li i img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.erweima ul li span {
    display: block;
    font-weight: 700;
    font-size: 12px
}

.erweima ul li p {
    font-size: 13px;
    color: #212121;
    font-weight: 700;
    margin: 5px 0 0 0
}

.elink ul {
    overflow: hidden;
    text-align: center
}

.elink ul li {
    margin: 0 12px;
    width: 217px;
    display: inline-block;
    vertical-align: top
}

.elink ul li a {
    display: block
}

.elink ul li img {
    width: 100%;
    height: auto
}

.erweima ul li:hover i {
    background-color: #005524
}

.erweima ul li:hover span {
    color: #333
}

.articleTitle02 .title03 {
    background: url(../images/title03.png) no-repeat center left;
    float: left
}

.f_exit {
    float: right;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px
}

.serviceList {
    overflow: hidden;
    margin-bottom: 36px;
    font-size: 0
}

.serviceList li {
    width: 150px;
    margin-top: 30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 14px
}

.serviceList li a {
    display: block;
    text-align: center;
    font-size: 16px
}

.serviceList li a span {
    display: block;
    transition: all .3s ease-in-out;
    bottom: 0;
    position: relative;
    line-height: 1.5;
    overflow: hidden
}

.serviceList li a i {
    display: block;
    height: 59px;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: 15px;
    transition: all .3s ease-in-out;
    top: 0;
    position: relative
}

.serviceList li a .icon1 {
    background-image: url(../images/icon1.png);
    background-position: center
}

.serviceList li a .icon2 {
    background-image: url(../images/icon2.png)
}

.serviceList li a .icon3 {
    background-image: url(../images/icon3.png)
}

.serviceList li a .icon4 {
    background-image: url(../images/icon4.png)
}

.serviceList li a .icon5 {
    background-image: url(../images/icon5.png)
}

.serviceList li a .icon6 {
    background-image: url(../images/icon6.png)
}

.serviceList li a .icon7 {
    background-image: url(../images/icon7.png)
}

.serviceList li a .icon8 {
    background-image: url(../images/icon8.png)
}

.serviceList li a .icon9 {
    background-image: url(../images/icon9.png)
}

.serviceList li a .icon10 {
    background-image: url(../images/icon10.png)
}

.serviceList li a .icon11 {
    background-image: url(../images/icon11.png)
}

.serviceList li a .icon12 {
    background-image: url(../images/icon12.png)
}

.serviceList li a .nicon2 {
    background-image: url(../images/newicon2.png)
}

.serviceList li a .nicon4 {
    background-image: url(../images/newicon4.png)
}

.serviceList li a .nicon5 {
    background-image: url(../images/newicon5.png)
}

.serviceList li a .nicon6 {
    background-image: url(../images/newicon6.png)
}

.serviceList li a .nicon8 {
    background-image: url(../images/newicon8.png)
}

.serviceList li a:hover i {
    top: -5px
}

.serviceList li a:hover span {
    bottom: -2px
}

.serviceLinks {
    overflow: hidden
}

.serviceLinks .left {
    float: left;
    width: 393px;
    height: auto;
    background: url(../images/data_bg1.jpg) no-repeat center top;
    overflow: hidden;
    background-size: cover
}

.serviceLinks .middle {
    float: left;
    width: 393px;
    height: auto;
    background: url(../images/data_bg2.jpg) no-repeat center top;
    margin-left: 10px;
    background-size: cover
}

.serviceLinks .right {
    float: right;
    width: 395px;
    background-color: #e5e5e5;
    overflow: hidden
}

.s_linksBox {
    padding: 12px 30px;
    overflow: hidden
}

.s_linksBox h2 {
    margin-bottom: 10px
}

.s_linksBox h2 a {
    color: #46515f;
    font-size: 24px;
    font-weight: 700
}

.s_linksList {
    overflow: hidden;
    margin-right: -17px;
    margin-top: 11px
}

.s_linksList li {
    width: 112px;
    overflow: hidden;
    line-height: 1.5;
    padding: 5px 0;
    float: left
}

.s_linksList li a {
    display: block;
    margin-right: 15px;
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    line-height: 1.5;
    overflow: hidden;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .6);
    padding: 6px 0
}

.s_linksList li a:hover {
    background-color: #39cc86;
    color: #fff;
    text-decoration: none
}

.s_linksList1 li a:hover {
    background-color: #3876cb
}

.s_codeBox a, .s_codeBox span {
    float: left;
    width: 95px;
    margin-right: 14px
}

.s_codeBox i {
    display: block;
    font-style: normal;
    font-size: 12px;
    font-weight: 700;
    margin-top: 2px;
    height: auto;
    line-height: 1.5;
    padding: 2px 0 0
}

.s_codeBox {
    text-align: center;
    padding: 6px 40px 4px;
    overflow: hidden
}

.s_codeBox .kehuduan {
    float: right;
    margin-right: 0
}

.s_codeBox a img, .s_codeBox span img {
    width: 78px;
    display: block;
    margin: 0 auto
}

.s_codeBox a:hover img {
    transform: scale(1);
    opacity: 1
}

.wrap_mode05 {
    widows: 100%;
    margin: 0 auto;
    background-color: #fafafa
}

.mode05 {
    padding-bottom: 17px
}

.organBox {
    border: 1px solid #e1e1e1;
    margin-bottom: 25px
}

.organList {
    overflow: hidden;
    padding: 15px 30px;
    height: auto;
    overflow: hidden
}

.organList li {
    float: left;
    width: 300px
}

.organList li a {
    display: block;
    border-right: 1px solid #e1e1e1;
    padding: 20px 57px;
    overflow: hidden
}

.organList li a img {
    float: left;
    width: 34px;
    height: 34px;
    margin-right: 20px
}

.organList li a span {
    display: block;
    margin-left: 45px;
    font-size: 16px;
    line-height: 20px
}

.organList li a:hover img {
    transform: scale(1);
    opacity: 1
}

.organList li a:hover span {
    color: red
}

.organList li h3 {
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 0 10px 0
}

.organList li.last {
    width: 495px;
    float: right
}

.organList li.last a {
    padding: 20px 0 10px 0;
    font-size: 16px;
    border-right: none
}

.jubaoBox {
    overflow: hidden
}

.jubaoBox span {
    float: left;
    padding-left: 23px;
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
    margin-right: 20px;
    background-position: center left;
    background-repeat: no-repeat
}

.jubaoBox span.email {
    background-image: url(../images/xinxiang.png)
}

.jubaoBox span.phone {
    background-image: url(../images/phone.png)
}

.relateLinksList {
    margin-right: -25px
}

.relateLinksList li {
    float: left;
    width: 245px;
    *width: 230px;
    height: 40px;
    line-height: 20px
}

.relateLinksList li select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 0;
    margin-right: 25px;
    width: 220px;
    border: 1px solid #ddd;
    height: 38px;
    background: url(../images/select_bg.jpg) no-repeat scroll right #f4f4f4;
    *background-image: none;
    background-image: none\0;
    padding-left: 9px;
    font-size: 14px;
    font-weight: 700
}

.relateLinksList li select::-ms-expand {
    display: none
}

.spaceList {
    overflow: hidden;
    margin-right: -48px;
    margin-top: 18px;
    *margin-top: 0
}

.spaceList li {
    float: left;
    width: 77px;
    margin-bottom: 15px
}

.spaceList li a {
    display: block;
    font-size: 16px
}

.loading-box {
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 200px;
    height: 100px;
    background: #fff;
    border-radius: 4px;
    z-index: 9999;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

.loading-box>div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column
}

.loading-box .loading-icon {
    -webkit-animation: mugine_class_833 1s infinite linear;
    border-radius: 100%;
    border: 2px solid #d8d8d8;
    border-top-color: rgba(25, 147, 82, .6);
    border-left-color: rgba(25, 147, 82, .6);
    width: 20px;
    height: 20px;
    margin: 26px 0 13px 0
}

.loading-box .loading-text {
    bottom: 8px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #199352
}

@keyframes mugine_class_833 {
    0% {
        transform: rotate(0);
        border-top-color: rgba(25, 147, 82, .5);
        border-left-color: rgba(25, 147, 82, .5)
    }

    100% {
        transform: rotate(360deg);
        border-top-color: rgba(25, 147, 82, .9);
        border-left-color: rgba(25, 147, 82, .9)
    }
}

.loading-close {
    width: 20px;
    height: 20px;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.result-text {
    width: 200px;
    height: 100px;
    line-height: 100px;
    background: #fff;
    position: fixed;
    left: 50%;
    margin-left: -100px;
    top: 10%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: none
}

.result-text>div {
    text-align: center
}

.headLine {
    color: red;
    text-align: center;
    font-size: 26px;
    line-height: 1.5;
    padding: 40px 0 10px;
    font-weight: bolder
}

.headLine a {
    color: red;
    display: block;
    padding: -1 50px;
    font-family: yourwebfontname;
    font-weight: 400
}

.topicList11 {
    margin: 0 -12px;
    font-size: 0
}

.topicList11 li {
    width: 25%;
    display: inline-block
}

.topicList11 li>a {
    display: block;
    margin: 0 12px
}

.topicList11 .imgResponsive {
    padding-bottom: 38.58%;
    height: 0;
    overflow: hidden;
    width: 100%
}

.topicList11 .imgResponsive img {
    width: 100%
}

.links22 {
    position: absolute;
    right: 0;
    top: 6px
}

.links22 a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    background: url(../images/li_bg22.jpg) repeat-x;
    background-size: auto 100%;
    margin-left: 10px;
    color: #fff
}

.c_title2 {
    background-image: -webkit-linear-gradient(bottom, #13914e, #0b5b30);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px
}

.widthAuto {
    width: 130px !important
}

.contect_special .tabMenu01, .contect_special .tabMenu01 dl, .mode02 .tabMenu01, .mode02 .tabMenu01 dl {
    border-bottom: none
}

.links23 a {
    background: url(../images/bbg.jpg) repeat-x
}